<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业</title>
		<style>
			   div#parent {
			      width: 800px;
			      height: 60px;
			      border: 1px solid #b4b4b4;
				  padding: 30px;
				  margin-bottom: 20px;
			  }
			  div#son {
			    width: 700px;
			    border: 1px solid #b4b4b4;
			    margin-top: 30px;
			    margin-left: 50px; 
			  }
			  .h1 {
			        display: inline-block;
			        padding: 8px 16px;
			        margin: 0 6px;
			        border: 1px solid #d4d4dd;
			     }
			    .h2-h6 {
			      display: inline-block;
			      color: blue; 
			      padding: 8px 16px;
			      margin: 0 6px;
			      border: 1px solid #d4d4d4;
			      border-bottom: 2px solid blue; 
			    }
		</style>
	</head>
	<body>
		<div id="parent">
		        <div id="son"></div>
		    </div> 
		    <div class="h1"><a href="#"></a>1</div>
		    <div class="h2-h6"><a href="#"></a>2</div>
		    <div class="h2-h6"><a href="#"></a>3</div>
		    <div class="h2-h6"><a href="#"></a>4</div>
		    <div class="h2-h6"><a href="#"></a>5</div>
		    <div class="h2-h6"><a href="#"></a>6</div>
		    </div>
	</body>
</html>
 